import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import routes from './router/index'

import Vue from 'vue'
import VueCookies from 'vue3-cookies'
import router from './router'

import VueCropper from 'vue-cropper';
import 'vue-cropper/dist/index.css'

const app = createApp(App)

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
routes.beforeEach(function (to, from, next) {
  console.log(1)
  const token = localStorage.getItem("token");
  if (to.path === '/login' || to.path === '/') {
    if(token){
      next('/user');
    } else{
      next()
    }
  }
  else {
    if (token) {
      next();
    } else {
      console.log('pms out');
      next('/');
    }
  }

  // if (localStorage.getItem("token")) {  //如果本地有token
  //   console.log("有token")

  //   if (to.name == 'loginpage') {  //如果当前页是login，不在进入login页自动跳到主页
  //     console.log("login")
  //     next({
  //       path: '/userlogin'
  //     });
  //   } else {
  //     next();
  //   }
  // } else {  //没有token自动跳到login页
  //   console.log("没有token")

  //   console.log("向login跳转")
  //   if (to.name == '/') {
  //     next()
  //   } else {
  //     next({
  //       path: '/'
  //     });
  //   }
  // }
  // next();
  // if (to.meta.needLogin) {
  //   //页面是否登录
  //   if (localStorage.getItem("token") == null) {  //如果本地没有token自动跳到login页
  //     console.log(1)
  //     next({
  //       path: '/'
  //     });
  //   } else {  //有token自动跳到user页
  //     next();
  //   }
  // } else {//表示不需要登录
  //   if (localStorage.getItem("token")) {  //如果本地有token
  //     if (to.meta.name == 'loginpage') {  //如果当前页是login，不在进入login页自动跳到主页
  //       next({
  //         path: '/user'
  //       });
  //     } else {
  //       next();
  //     }
  //   } else {  //没有token自动跳到login页
  //     next();
  //   }
  //   next();
  // }

});
app.use(ElementPlus)

app.use(VueCookies);

app.use(router);

app.use(VueCropper)

app.mount('#app')

